<template>
  
</template>

<script>
import * as echarts from 'echarts';
export default {
  data() {
    return {
      chart: null,
      timer: null,
      dataForm: {
        usableLC: '0',
        bookLC: '0',
        usedLC: '0',
        todayUP: '0',
        todayDown: '0'
      },
      stockDetails: null,
    }
  },
  mounted() {
    //this.chartsChange();
  },
  methods: {
    
  }
}
</script>

<style lang="scss">
.box-card {
  padding: 1 1px;
  font-size: 35px;
}

.itemData {
  margin-top: 5px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  font-weight: bolder;
  background-color: dimgrey;
  color: aliceblue;
}

#zoom {
  margin-top: 20px;
  min-height: 500px;
}
.stackers {
  width: 100%;
  margin-top: 10px;
  font-size: 18px;
  font-family: cursive;
  strong{
    font-size: 16px;
  }
  .el-tag {
    font-weight: bold;
  }
  .el-card__body {
    padding-top: 10px;
    width: 100%;
    .card-col{
      // max-width: 100%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
   .stacker-row {
    width: 100%;
    // display: flex;
    // justify-items:stretch;
    .el-col-12 {
      width: 49%;
    }
    .stacker-col {
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      border: 1px solid #EBEEF5;
      border-radius: 5px;
      padding: 0 10px 10px;
      // background: red;
      .forks {
        margin-top: 10px;
        .fork-card {
          // background: dimgrey;
          // opacity: 0.5;
          // color: #fff;
          height: 290px;
          .fork-content{
            max-width: 96%;
               overflow-x: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
          }
          .instruct {
            padding-left: 15px;
            // max-width: 96%;
            .ins-detail {
              margin-top: 5px;
              overflow-x: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              span{
                font-size: 16px;
              }
              strong {
                font-size: 14px;
              }
            }
          }
          .el-card__body {
            display: flex;
            flex-direction: column;
            align-items: center;
          }
          .card-col{ 
            margin: 10px 0;
          }
          .fork-title {
            margin: 0;
            text-align: center;
            font-weight: bold;
          }
        }
      }
      .stacker-status {
        background: #67C23A;
        text-align: center;
        margin: 0;
        padding: 10px 0 10px;
        border-bottom: 1px solid #EBEEF5;
        margin-bottom: 10px;
        font-size: 20px;
      }
      .top-status{
        .el-col{
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
  }
}
</style>